<template>
  <el-container style="background-color: #36393f">
    <el-header style="text-align: right; font-size: 12px; height: 50px">
      <ul>
        <a href="#" @click="homes"><img src="./images/2.png" alt="" /></a>
        <a href="#" @click="sign">签到</a>
        <a href="#" @click="learn">学习</a>
        <a href="#" @click="question">题库</a>
        <a href="#" @click="match">竞赛</a>
        <a href="#" @click="discuss">讨论</a>
        <a href="#" @click="job">求职</a>
      </ul>
      <div class="svgs" v-if="userName">
        <van-badge :content="5">
          <svg
            t="1648800715971"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="2424"
            width="32"
            height="32"
          >
            <path
              d="M657.194667 146.389333a295.808 295.808 0 0 1 145.194666 254.592v163.669334l89.429334 157.44a42.666667 42.666667 0 0 1-37.12 63.744h-182.826667a160 160 0 0 1-319.701333 0H169.322667a42.666667 42.666667 0 0 1-37.12-63.744l89.450666-157.44v-163.669334c0-104.554667 55.189333-201.344 145.173334-254.592a285.141333 285.141333 0 0 1 290.368 0zM624.64 201.472a221.141333 221.141333 0 0 0-225.194667 0 231.808 231.808 0 0 0-113.664 192.512l-0.106666 6.997333v180.565334l-79.701334 140.288 207.466667 0.021333 2.688 61.162667a96 96 0 0 0 191.509333 4.629333l0.298667-4.629333 2.709333-61.162667 207.445334-0.021333-79.68-140.288v-180.565334c0-79.573333-40.810667-153.450667-107.797334-195.84l-5.973333-3.669333z"
              fill="#e6e2dd"
              p-id="2425"
            ></path>
            <path
              d="M435.626667 238.549333a32 32 0 1 1 42.709333 47.68c-43.541333 38.997333-66.496 83.754667-77.994667 148.906667a32 32 0 1 1-63.018666-11.136c13.866667-78.570667 43.477333-136.32 98.304-185.450667z"
              fill="#e6e2dd"
              p-id="2426"
            ></path>
            <path
              d="M512.021333 106.666667m-42.666666 0a42.666667 42.666667 0 1 0 85.333333 0 42.666667 42.666667 0 1 0-85.333333 0Z"
              fill="#e6e2dd"
              p-id="2427"
            ></path>
          </svg>
        </van-badge>

        <!-- 消息下拉框 -->
        <div class="new">
          <el-tabs :tab-position="tabPosition">
            <el-tab-pane>
              <span slot="label" @click="showClick">
                <svg
                  v-if="!zhanshi"
                  t="1648800715971"
                  class="icon2"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="2424"
                  width="32"
                  height="32"
                >
                  <path
                    d="M657.194667 146.389333a295.808 295.808 0 0 1 145.194666 254.592v163.669334l89.429334 157.44a42.666667 42.666667 0 0 1-37.12 63.744h-182.826667a160 160 0 0 1-319.701333 0H169.322667a42.666667 42.666667 0 0 1-37.12-63.744l89.450666-157.44v-163.669334c0-104.554667 55.189333-201.344 145.173334-254.592a285.141333 285.141333 0 0 1 290.368 0zM624.64 201.472a221.141333 221.141333 0 0 0-225.194667 0 231.808 231.808 0 0 0-113.664 192.512l-0.106666 6.997333v180.565334l-79.701334 140.288 207.466667 0.021333 2.688 61.162667a96 96 0 0 0 191.509333 4.629333l0.298667-4.629333 2.709333-61.162667 207.445334-0.021333-79.68-140.288v-180.565334c0-79.573333-40.810667-153.450667-107.797334-195.84l-5.973333-3.669333z"
                    fill="#e6e2dd"
                    p-id="2425"
                  ></path>
                  <path
                    d="M435.626667 238.549333a32 32 0 1 1 42.709333 47.68c-43.541333 38.997333-66.496 83.754667-77.994667 148.906667a32 32 0 1 1-63.018666-11.136c13.866667-78.570667 43.477333-136.32 98.304-185.450667z"
                    fill="#e6e2dd"
                    p-id="2426"
                  ></path>
                  <path
                    d="M512.021333 106.666667m-42.666666 0a42.666667 42.666667 0 1 0 85.333333 0 42.666667 42.666667 0 1 0-85.333333 0Z"
                    fill="#e6e2dd"
                    p-id="2427"
                  ></path>
                </svg>
                <svg
                  v-else
                  t="1650276902863"
                  class="icon2"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4088"
                  width="32"
                  height="32"
                >
                  <path
                    d="M657.194667 146.389333a295.808 295.808 0 0 1 145.194666 254.592v163.669334l89.429334 157.44a42.666667 42.666667 0 0 1-37.12 63.744h-182.826667a160 160 0 0 1-319.701333 0H169.322667a42.666667 42.666667 0 0 1-37.12-63.744l89.450666-157.44v-163.669334c0-104.554667 55.189333-201.344 145.173334-254.592a285.141333 285.141333 0 0 1 290.368 0zM624.64 201.472a221.141333 221.141333 0 0 0-225.194667 0 231.808 231.808 0 0 0-113.664 192.512l-0.106666 6.997333v180.565334l-79.701334 140.288 207.466667 0.021333 2.688 61.162667a96 96 0 0 0 191.509333 4.629333l0.298667-4.629333 2.709333-61.162667 207.445334-0.021333-79.68-140.288v-180.565334c0-79.573333-40.810667-153.450667-107.797334-195.84l-5.973333-3.669333z"
                    fill="#1296db"
                    p-id="4089"
                  ></path>
                  <path
                    d="M435.626667 238.549333a32 32 0 1 1 42.709333 47.68c-43.541333 38.997333-66.496 83.754667-77.994667 148.906667a32 32 0 1 1-63.018666-11.136c13.866667-78.570667 43.477333-136.32 98.304-185.450667z"
                    fill="#1296db"
                    p-id="4090"
                  ></path>
                  <path
                    d="M512.021333 106.666667m-42.666666 0a42.666667 42.666667 0 1 0 85.333333 0 42.666667 42.666667 0 1 0-85.333333 0Z"
                    fill="#1296db"
                    p-id="4091"
                  ></path>
                </svg>
              </span>
              <div class="content">
                <el-row>
                  <el-col :span="3"
                    ><svg
                      t="164a8804077026"
                      class="icon1"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="14885"
                      width="16"
                      height="16"
                    >
                      <path
                        d="M512 56.889344c251.35104 0 455.110656 203.759616 455.110656 455.110656S763.35104 967.110656 512 967.110656 56.889344 763.35104 56.889344 512 260.64896 56.889344 512 56.889344z m28.444672 341.332992h-99.555328v56.88832h42.665984v256h-56.88832V768h170.665984v-56.889344h-56.88832V398.22336zM512 256c-23.564288 0-42.667008 19.10272-42.667008 42.667008s19.10272 42.665984 42.667008 42.665984 42.667008-19.101696 42.667008-42.665984C554.667008 275.10272 535.564288 256 512 256z"
                        fill="#BF5AF2"
                        p-id="14886"
                      ></path></svg
                  ></el-col>
                  <el-col :span="14"
                    ><span>hi，欢迎加入双体系开发中心...</span></el-col
                  >
                  <el-col :span="4"><span>1分钟前</span></el-col>
                </el-row>
                <el-row>
                  <el-col :span="3"
                    ><svg
                      t="164a8804077026"
                      class="icon1"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="14885"
                      width="16"
                      height="16"
                    >
                      <path
                        d="M512 56.889344c251.35104 0 455.110656 203.759616 455.110656 455.110656S763.35104 967.110656 512 967.110656 56.889344 763.35104 56.889344 512 260.64896 56.889344 512 56.889344z m28.444672 341.332992h-99.555328v56.88832h42.665984v256h-56.88832V768h170.665984v-56.889344h-56.88832V398.22336zM512 256c-23.564288 0-42.667008 19.10272-42.667008 42.667008s19.10272 42.665984 42.667008 42.665984 42.667008-19.101696 42.667008-42.665984C554.667008 275.10272 535.564288 256 512 256z"
                        fill="#BF5AF2"
                        p-id="14886"
                      ></path></svg
                  ></el-col>
                  <el-col :span="14"
                    ><span>hi，欢迎加入双体系开发中心...</span></el-col
                  >
                  <el-col :span="4"><span>1分钟前</span></el-col>
                </el-row>
                <el-row>
                  <el-col :span="3"
                    ><svg
                      t="164a8804077026"
                      class="icon1"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="14885"
                      width="16"
                      height="16"
                    >
                      <path
                        d="M512 56.889344c251.35104 0 455.110656 203.759616 455.110656 455.110656S763.35104 967.110656 512 967.110656 56.889344 763.35104 56.889344 512 260.64896 56.889344 512 56.889344z m28.444672 341.332992h-99.555328v56.88832h42.665984v256h-56.88832V768h170.665984v-56.889344h-56.88832V398.22336zM512 256c-23.564288 0-42.667008 19.10272-42.667008 42.667008s19.10272 42.665984 42.667008 42.665984 42.667008-19.101696 42.667008-42.665984C554.667008 275.10272 535.564288 256 512 256z"
                        fill="#BF5AF2"
                        p-id="14886"
                      ></path></svg
                  ></el-col>
                  <el-col :span="14"
                    ><span>hi，欢迎加入双体系开发中心...</span></el-col
                  >
                  <el-col :span="4"><span>1分钟前</span></el-col>
                </el-row>
                <el-row>
                  <el-col :span="3"
                    ><svg
                      t="164a8804077026"
                      class="icon1"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="14885"
                      width="16"
                      height="16"
                    >
                      <path
                        d="M512 56.889344c251.35104 0 455.110656 203.759616 455.110656 455.110656S763.35104 967.110656 512 967.110656 56.889344 763.35104 56.889344 512 260.64896 56.889344 512 56.889344z m28.444672 341.332992h-99.555328v56.88832h42.665984v256h-56.88832V768h170.665984v-56.889344h-56.88832V398.22336zM512 256c-23.564288 0-42.667008 19.10272-42.667008 42.667008s19.10272 42.665984 42.667008 42.665984 42.667008-19.101696 42.667008-42.665984C554.667008 275.10272 535.564288 256 512 256z"
                        fill="#BF5AF2"
                        p-id="14886"
                      ></path></svg
                  ></el-col>
                  <el-col :span="14"
                    ><span>hi，欢迎加入双体系开发中心...</span></el-col
                  >
                  <el-col :span="4"><span>1分钟前</span></el-col>
                </el-row>
                <el-row>
                  <el-col :span="3"
                    ><svg
                      t="164a8804077026"
                      class="icon1"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="14885"
                      width="16"
                      height="16"
                    >
                      <path
                        d="M512 56.889344c251.35104 0 455.110656 203.759616 455.110656 455.110656S763.35104 967.110656 512 967.110656 56.889344 763.35104 56.889344 512 260.64896 56.889344 512 56.889344z m28.444672 341.332992h-99.555328v56.88832h42.665984v256h-56.88832V768h170.665984v-56.889344h-56.88832V398.22336zM512 256c-23.564288 0-42.667008 19.10272-42.667008 42.667008s19.10272 42.665984 42.667008 42.665984 42.667008-19.101696 42.667008-42.665984C554.667008 275.10272 535.564288 256 512 256z"
                        fill="#BF5AF2"
                        p-id="14886"
                      ></path></svg
                  ></el-col>
                  <el-col :span="14"
                    ><span>hi，欢迎加入双体系开发中心...</span></el-col
                  >
                  <el-col :span="4"><span>1分钟前</span></el-col>
                </el-row>
              </div>
            </el-tab-pane>
            <el-tab-pane>
              <span slot="label" @click="showClick1">
                <svg
                  v-if="zhanshi1"
                  t="1648867754991"
                  class="icon3"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="7784"
                  width="32"
                  height="32"
                >
                  <path
                    d="M268.2 957.9c-6.4 0-12.8-1.9-18.2-5.7-9.3-6.4-14.5-17.3-13.7-28.6l11.8-165.1c0.1-2-1.5-3.8-3-4.8-55.3-34.5-101.3-80-133-131.7C79 567.9 61.5 506.8 61.5 445.3c0-52.2 12.1-102.8 36-150.4 22.9-45.5 55.5-86.3 96.9-121.2 84.1-70.9 195.7-109.9 314.1-109.9s229.9 39 314.1 109.9c41.5 34.9 74.1 75.7 96.9 121.2 23.9 47.6 36 98.2 36 150.4 0 184-153.6 341.7-365.1 375.1-15.4 2.4-28.3 6.1-39.6 11.3L281.6 955c-4.3 1.9-8.8 2.9-13.4 2.9z m240.3-830c-211.2 0-383 142.4-383 317.5 0 50.4 13.9 98.6 41.2 143.2 26.5 43.3 65.3 81.6 112.2 110.8 22.2 13.8 34.8 38.2 33 63.6l-8 111.3L524 773.5c16.6-7.6 35-12.9 56.3-16.3 87.2-13.8 166.6-52.8 223.5-110 27.9-28 49.6-59.4 64.5-93.3 15.3-34.7 23.1-71.3 23.1-108.6 0.1-175-171.7-317.4-382.9-317.4zM280 760.7z"
                    fill="#e6e2dd"
                    p-id="7785"
                  ></path>
                  <path
                    d="M320.1 447.1m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z"
                    fill="#e6e2dd"
                    p-id="7786"
                  ></path>
                  <path
                    d="M512.1 447.1m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z"
                    fill="#e6e2dd"
                    p-id="7787"
                  ></path>
                  <path
                    d="M704.1 447.1m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z"
                    fill="#e6e2dd"
                    p-id="7788"
                  ></path>
                </svg>
                <svg
                  v-else
                  t="1650278351597"
                  class="icon3"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="5199"
                  width="32"
                  height="32"
                >
                  <path
                    d="M268.2 957.9c-6.4 0-12.8-1.9-18.2-5.7-9.3-6.4-14.5-17.3-13.7-28.6l11.8-165.1c0.1-2-1.5-3.8-3-4.8-55.3-34.5-101.3-80-133-131.7C79 567.9 61.5 506.8 61.5 445.3c0-52.2 12.1-102.8 36-150.4 22.9-45.5 55.5-86.3 96.9-121.2 84.1-70.9 195.7-109.9 314.1-109.9s229.9 39 314.1 109.9c41.5 34.9 74.1 75.7 96.9 121.2 23.9 47.6 36 98.2 36 150.4 0 184-153.6 341.7-365.1 375.1-15.4 2.4-28.3 6.1-39.6 11.3L281.6 955c-4.3 1.9-8.8 2.9-13.4 2.9z m240.3-830c-211.2 0-383 142.4-383 317.5 0 50.4 13.9 98.6 41.2 143.2 26.5 43.3 65.3 81.6 112.2 110.8 22.2 13.8 34.8 38.2 33 63.6l-8 111.3L524 773.5c16.6-7.6 35-12.9 56.3-16.3 87.2-13.8 166.6-52.8 223.5-110 27.9-28 49.6-59.4 64.5-93.3 15.3-34.7 23.1-71.3 23.1-108.6 0.1-175-171.7-317.4-382.9-317.4zM280 760.7z"
                    fill="#1296db"
                    p-id="5200"
                  ></path>
                  <path
                    d="M320.1 447.1m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z"
                    fill="#1296db"
                    p-id="5201"
                  ></path>
                  <path
                    d="M512.1 447.1m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z"
                    fill="#1296db"
                    p-id="5202"
                  ></path>
                  <path
                    d="M704.1 447.1m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z"
                    fill="#1296db"
                    p-id="5203"
                  ></path>
                </svg>
              </span>
              <div class="content">
                <el-row>
                  <el-col :span="3"
                    ><svg
                      t="1648871959350"
                      class="icon1"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="19646"
                      width="32"
                      height="32"
                    >
                      <path
                        d="M616.96 596.48c12.8 0 23.04-10.24 23.04-23.04V294.912c0-12.8-10.24-23.04-23.04-23.04H222.208c-12.8 0-23.04 10.24-23.04 23.04V573.44c0 12.8 10.24 23.04 23.04 23.04H291.84v104.448c0 4.608 2.56 8.192 6.144 10.24 3.584 2.048 8.704 1.536 12.288-1.024l159.232-113.664h147.456z"
                        fill="#e4720e"
                        p-id="19647"
                      ></path>
                      <path
                        d="M709.632 364.544h-46.592v220.672c0 19.456-15.36 34.816-34.816 34.816H477.184l-97.28 69.632h105.984l136.192 91.136c3.584 2.56 8.192 2.56 11.776 0.512 3.584-2.048 6.144-6.144 6.144-10.24v-81.408h69.632c12.8 0 23.04-10.24 23.04-23.04V387.584c0-12.8-10.24-23.04-23.04-23.04z"
                        fill="#e4720e"
                        p-id="19648"
                      ></path>
                      <path
                        d="M709.632 654.848c12.8 0 23.04-10.24 23.04-23.04V352.768c0-12.8-10.24-23.04-23.04-23.04H314.88c-12.8 0-23.04 10.24-23.04 23.04v278.528c0 12.8 10.24 23.04 23.04 23.04h69.632v104.448c0 4.608 2.56 8.192 6.144 10.24 3.584 2.048 8.704 1.536 12.288-1.024l159.232-113.664h147.456z"
                        fill="#e4720e"
                        p-id="19649"
                      ></path>
                      <path
                        d="M802.304 422.4h-46.592v220.672c0 19.456-15.36 34.816-34.816 34.816h-151.552l-97.28 69.632H578.56l136.192 91.136c3.584 2.56 8.192 2.56 11.776 0.512 3.584-2.048 6.144-6.144 6.144-10.24V747.52h69.632c12.8 0 23.04-10.24 23.04-23.04V445.952c0.512-12.8-10.24-23.552-23.04-23.552z"
                        fill="#e4720e"
                        p-id="19650"
                      ></path>
                      <path
                        d="M187.392 712.704h-29.696v-29.696c0-6.656-5.12-11.776-11.776-11.776s-11.776 5.12-11.776 11.776v29.696h-29.696c-6.656 0-11.776 5.12-11.776 11.776s5.12 11.776 11.776 11.776h29.696v29.696c0 6.656 5.12 11.776 11.776 11.776s11.776-5.12 11.776-11.776v-29.696h29.696c6.656 0 11.776-5.12 11.776-11.776s-5.12-11.776-11.776-11.776z"
                        fill="#e4720e"
                        p-id="19651"
                      ></path>
                      <path
                        d="M80.384 398.336h65.536v65.536H80.384z"
                        fill="#e4720e"
                        p-id="19652"
                      ></path>
                      <path
                        d="M921.088 444.928m-32.768 0a32.768 32.768 0 1 0 65.536 0 32.768 32.768 0 1 0-65.536 0Z"
                        fill="#e4720e"
                        p-id="19653"
                      ></path>
                      <path
                        d="M791.04 183.808c-30.72 0-56.32 25.088-56.32 56.32s25.088 56.32 56.32 56.32 56.32-25.088 56.32-56.32-25.6-56.32-56.32-56.32z m0 88.576c-17.92 0-32.768-14.848-32.768-32.768s14.848-32.768 32.768-32.768c17.92 0 32.768 14.848 32.768 32.768s-14.848 32.768-32.768 32.768z"
                        fill="#e4720e"
                        p-id="19654"
                      ></path></svg
                  ></el-col>
                  <el-col :span="14"
                    ><span>欢迎空白加入双体系开发中心...</span></el-col
                  >
                  <el-col :span="4"><span>1分钟前</span></el-col>
                </el-row>
                <el-row>
                  <el-col :span="3"
                    ><svg
                      t="1648871959350"
                      class="icon1"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="19646"
                      width="32"
                      height="32"
                    >
                      <path
                        d="M616.96 596.48c12.8 0 23.04-10.24 23.04-23.04V294.912c0-12.8-10.24-23.04-23.04-23.04H222.208c-12.8 0-23.04 10.24-23.04 23.04V573.44c0 12.8 10.24 23.04 23.04 23.04H291.84v104.448c0 4.608 2.56 8.192 6.144 10.24 3.584 2.048 8.704 1.536 12.288-1.024l159.232-113.664h147.456z"
                        fill="#e4720e"
                        p-id="19647"
                      ></path>
                      <path
                        d="M709.632 364.544h-46.592v220.672c0 19.456-15.36 34.816-34.816 34.816H477.184l-97.28 69.632h105.984l136.192 91.136c3.584 2.56 8.192 2.56 11.776 0.512 3.584-2.048 6.144-6.144 6.144-10.24v-81.408h69.632c12.8 0 23.04-10.24 23.04-23.04V387.584c0-12.8-10.24-23.04-23.04-23.04z"
                        fill="#e4720e"
                        p-id="19648"
                      ></path>
                      <path
                        d="M709.632 654.848c12.8 0 23.04-10.24 23.04-23.04V352.768c0-12.8-10.24-23.04-23.04-23.04H314.88c-12.8 0-23.04 10.24-23.04 23.04v278.528c0 12.8 10.24 23.04 23.04 23.04h69.632v104.448c0 4.608 2.56 8.192 6.144 10.24 3.584 2.048 8.704 1.536 12.288-1.024l159.232-113.664h147.456z"
                        fill="#e4720e"
                        p-id="19649"
                      ></path>
                      <path
                        d="M802.304 422.4h-46.592v220.672c0 19.456-15.36 34.816-34.816 34.816h-151.552l-97.28 69.632H578.56l136.192 91.136c3.584 2.56 8.192 2.56 11.776 0.512 3.584-2.048 6.144-6.144 6.144-10.24V747.52h69.632c12.8 0 23.04-10.24 23.04-23.04V445.952c0.512-12.8-10.24-23.552-23.04-23.552z"
                        fill="#e4720e"
                        p-id="19650"
                      ></path>
                      <path
                        d="M187.392 712.704h-29.696v-29.696c0-6.656-5.12-11.776-11.776-11.776s-11.776 5.12-11.776 11.776v29.696h-29.696c-6.656 0-11.776 5.12-11.776 11.776s5.12 11.776 11.776 11.776h29.696v29.696c0 6.656 5.12 11.776 11.776 11.776s11.776-5.12 11.776-11.776v-29.696h29.696c6.656 0 11.776-5.12 11.776-11.776s-5.12-11.776-11.776-11.776z"
                        fill="#e4720e"
                        p-id="19651"
                      ></path>
                      <path
                        d="M80.384 398.336h65.536v65.536H80.384z"
                        fill="#e4720e"
                        p-id="19652"
                      ></path>
                      <path
                        d="M921.088 444.928m-32.768 0a32.768 32.768 0 1 0 65.536 0 32.768 32.768 0 1 0-65.536 0Z"
                        fill="#e4720e"
                        p-id="19653"
                      ></path>
                      <path
                        d="M791.04 183.808c-30.72 0-56.32 25.088-56.32 56.32s25.088 56.32 56.32 56.32 56.32-25.088 56.32-56.32-25.6-56.32-56.32-56.32z m0 88.576c-17.92 0-32.768-14.848-32.768-32.768s14.848-32.768 32.768-32.768c17.92 0 32.768 14.848 32.768 32.768s-14.848 32.768-32.768 32.768z"
                        fill="#e4720e"
                        p-id="19654"
                      ></path></svg
                  ></el-col>
                  <el-col :span="14"
                    ><span>欢迎空白加入双体系开发中心...</span></el-col
                  >
                  <el-col :span="4"><span>1分钟前</span></el-col>
                </el-row>
                <el-row>
                  <el-col :span="3"
                    ><svg
                      t="1648871959350"
                      class="icon1"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="19646"
                      width="32"
                      height="32"
                    >
                      <path
                        d="M616.96 596.48c12.8 0 23.04-10.24 23.04-23.04V294.912c0-12.8-10.24-23.04-23.04-23.04H222.208c-12.8 0-23.04 10.24-23.04 23.04V573.44c0 12.8 10.24 23.04 23.04 23.04H291.84v104.448c0 4.608 2.56 8.192 6.144 10.24 3.584 2.048 8.704 1.536 12.288-1.024l159.232-113.664h147.456z"
                        fill="#e4720e"
                        p-id="19647"
                      ></path>
                      <path
                        d="M709.632 364.544h-46.592v220.672c0 19.456-15.36 34.816-34.816 34.816H477.184l-97.28 69.632h105.984l136.192 91.136c3.584 2.56 8.192 2.56 11.776 0.512 3.584-2.048 6.144-6.144 6.144-10.24v-81.408h69.632c12.8 0 23.04-10.24 23.04-23.04V387.584c0-12.8-10.24-23.04-23.04-23.04z"
                        fill="#e4720e"
                        p-id="19648"
                      ></path>
                      <path
                        d="M709.632 654.848c12.8 0 23.04-10.24 23.04-23.04V352.768c0-12.8-10.24-23.04-23.04-23.04H314.88c-12.8 0-23.04 10.24-23.04 23.04v278.528c0 12.8 10.24 23.04 23.04 23.04h69.632v104.448c0 4.608 2.56 8.192 6.144 10.24 3.584 2.048 8.704 1.536 12.288-1.024l159.232-113.664h147.456z"
                        fill="#e4720e"
                        p-id="19649"
                      ></path>
                      <path
                        d="M802.304 422.4h-46.592v220.672c0 19.456-15.36 34.816-34.816 34.816h-151.552l-97.28 69.632H578.56l136.192 91.136c3.584 2.56 8.192 2.56 11.776 0.512 3.584-2.048 6.144-6.144 6.144-10.24V747.52h69.632c12.8 0 23.04-10.24 23.04-23.04V445.952c0.512-12.8-10.24-23.552-23.04-23.552z"
                        fill="#e4720e"
                        p-id="19650"
                      ></path>
                      <path
                        d="M187.392 712.704h-29.696v-29.696c0-6.656-5.12-11.776-11.776-11.776s-11.776 5.12-11.776 11.776v29.696h-29.696c-6.656 0-11.776 5.12-11.776 11.776s5.12 11.776 11.776 11.776h29.696v29.696c0 6.656 5.12 11.776 11.776 11.776s11.776-5.12 11.776-11.776v-29.696h29.696c6.656 0 11.776-5.12 11.776-11.776s-5.12-11.776-11.776-11.776z"
                        fill="#e4720e"
                        p-id="19651"
                      ></path>
                      <path
                        d="M80.384 398.336h65.536v65.536H80.384z"
                        fill="#e4720e"
                        p-id="19652"
                      ></path>
                      <path
                        d="M921.088 444.928m-32.768 0a32.768 32.768 0 1 0 65.536 0 32.768 32.768 0 1 0-65.536 0Z"
                        fill="#e4720e"
                        p-id="19653"
                      ></path>
                      <path
                        d="M791.04 183.808c-30.72 0-56.32 25.088-56.32 56.32s25.088 56.32 56.32 56.32 56.32-25.088 56.32-56.32-25.6-56.32-56.32-56.32z m0 88.576c-17.92 0-32.768-14.848-32.768-32.768s14.848-32.768 32.768-32.768c17.92 0 32.768 14.848 32.768 32.768s-14.848 32.768-32.768 32.768z"
                        fill="#e4720e"
                        p-id="19654"
                      ></path></svg
                  ></el-col>
                  <el-col :span="14"
                    ><span>欢迎空白加入双体系开发中心...</span></el-col
                  >
                  <el-col :span="4"><span>1分钟前</span></el-col>
                </el-row>
                <el-row>
                  <el-col :span="3"
                    ><svg
                      t="1648871959350"
                      class="icon1"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="19646"
                      width="32"
                      height="32"
                    >
                      <path
                        d="M616.96 596.48c12.8 0 23.04-10.24 23.04-23.04V294.912c0-12.8-10.24-23.04-23.04-23.04H222.208c-12.8 0-23.04 10.24-23.04 23.04V573.44c0 12.8 10.24 23.04 23.04 23.04H291.84v104.448c0 4.608 2.56 8.192 6.144 10.24 3.584 2.048 8.704 1.536 12.288-1.024l159.232-113.664h147.456z"
                        fill="#e4720e"
                        p-id="19647"
                      ></path>
                      <path
                        d="M709.632 364.544h-46.592v220.672c0 19.456-15.36 34.816-34.816 34.816H477.184l-97.28 69.632h105.984l136.192 91.136c3.584 2.56 8.192 2.56 11.776 0.512 3.584-2.048 6.144-6.144 6.144-10.24v-81.408h69.632c12.8 0 23.04-10.24 23.04-23.04V387.584c0-12.8-10.24-23.04-23.04-23.04z"
                        fill="#e4720e"
                        p-id="19648"
                      ></path>
                      <path
                        d="M709.632 654.848c12.8 0 23.04-10.24 23.04-23.04V352.768c0-12.8-10.24-23.04-23.04-23.04H314.88c-12.8 0-23.04 10.24-23.04 23.04v278.528c0 12.8 10.24 23.04 23.04 23.04h69.632v104.448c0 4.608 2.56 8.192 6.144 10.24 3.584 2.048 8.704 1.536 12.288-1.024l159.232-113.664h147.456z"
                        fill="#e4720e"
                        p-id="19649"
                      ></path>
                      <path
                        d="M802.304 422.4h-46.592v220.672c0 19.456-15.36 34.816-34.816 34.816h-151.552l-97.28 69.632H578.56l136.192 91.136c3.584 2.56 8.192 2.56 11.776 0.512 3.584-2.048 6.144-6.144 6.144-10.24V747.52h69.632c12.8 0 23.04-10.24 23.04-23.04V445.952c0.512-12.8-10.24-23.552-23.04-23.552z"
                        fill="#e4720e"
                        p-id="19650"
                      ></path>
                      <path
                        d="M187.392 712.704h-29.696v-29.696c0-6.656-5.12-11.776-11.776-11.776s-11.776 5.12-11.776 11.776v29.696h-29.696c-6.656 0-11.776 5.12-11.776 11.776s5.12 11.776 11.776 11.776h29.696v29.696c0 6.656 5.12 11.776 11.776 11.776s11.776-5.12 11.776-11.776v-29.696h29.696c6.656 0 11.776-5.12 11.776-11.776s-5.12-11.776-11.776-11.776z"
                        fill="#e4720e"
                        p-id="19651"
                      ></path>
                      <path
                        d="M80.384 398.336h65.536v65.536H80.384z"
                        fill="#e4720e"
                        p-id="19652"
                      ></path>
                      <path
                        d="M921.088 444.928m-32.768 0a32.768 32.768 0 1 0 65.536 0 32.768 32.768 0 1 0-65.536 0Z"
                        fill="#e4720e"
                        p-id="19653"
                      ></path>
                      <path
                        d="M791.04 183.808c-30.72 0-56.32 25.088-56.32 56.32s25.088 56.32 56.32 56.32 56.32-25.088 56.32-56.32-25.6-56.32-56.32-56.32z m0 88.576c-17.92 0-32.768-14.848-32.768-32.768s14.848-32.768 32.768-32.768c17.92 0 32.768 14.848 32.768 32.768s-14.848 32.768-32.768 32.768z"
                        fill="#e4720e"
                        p-id="19654"
                      ></path></svg
                  ></el-col>
                  <el-col :span="14"
                    ><span>欢迎空白加入双体系开发中心...</span></el-col
                  >
                  <el-col :span="4"><span>1分钟前</span></el-col>
                </el-row>
                <el-row>
                  <el-col :span="3"
                    ><svg
                      t="1648871959350"
                      class="icon1"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="19646"
                      width="32"
                      height="32"
                    >
                      <path
                        d="M616.96 596.48c12.8 0 23.04-10.24 23.04-23.04V294.912c0-12.8-10.24-23.04-23.04-23.04H222.208c-12.8 0-23.04 10.24-23.04 23.04V573.44c0 12.8 10.24 23.04 23.04 23.04H291.84v104.448c0 4.608 2.56 8.192 6.144 10.24 3.584 2.048 8.704 1.536 12.288-1.024l159.232-113.664h147.456z"
                        fill="#e4720e"
                        p-id="19647"
                      ></path>
                      <path
                        d="M709.632 364.544h-46.592v220.672c0 19.456-15.36 34.816-34.816 34.816H477.184l-97.28 69.632h105.984l136.192 91.136c3.584 2.56 8.192 2.56 11.776 0.512 3.584-2.048 6.144-6.144 6.144-10.24v-81.408h69.632c12.8 0 23.04-10.24 23.04-23.04V387.584c0-12.8-10.24-23.04-23.04-23.04z"
                        fill="#e4720e"
                        p-id="19648"
                      ></path>
                      <path
                        d="M709.632 654.848c12.8 0 23.04-10.24 23.04-23.04V352.768c0-12.8-10.24-23.04-23.04-23.04H314.88c-12.8 0-23.04 10.24-23.04 23.04v278.528c0 12.8 10.24 23.04 23.04 23.04h69.632v104.448c0 4.608 2.56 8.192 6.144 10.24 3.584 2.048 8.704 1.536 12.288-1.024l159.232-113.664h147.456z"
                        fill="#e4720e"
                        p-id="19649"
                      ></path>
                      <path
                        d="M802.304 422.4h-46.592v220.672c0 19.456-15.36 34.816-34.816 34.816h-151.552l-97.28 69.632H578.56l136.192 91.136c3.584 2.56 8.192 2.56 11.776 0.512 3.584-2.048 6.144-6.144 6.144-10.24V747.52h69.632c12.8 0 23.04-10.24 23.04-23.04V445.952c0.512-12.8-10.24-23.552-23.04-23.552z"
                        fill="#e4720e"
                        p-id="19650"
                      ></path>
                      <path
                        d="M187.392 712.704h-29.696v-29.696c0-6.656-5.12-11.776-11.776-11.776s-11.776 5.12-11.776 11.776v29.696h-29.696c-6.656 0-11.776 5.12-11.776 11.776s5.12 11.776 11.776 11.776h29.696v29.696c0 6.656 5.12 11.776 11.776 11.776s11.776-5.12 11.776-11.776v-29.696h29.696c6.656 0 11.776-5.12 11.776-11.776s-5.12-11.776-11.776-11.776z"
                        fill="#e4720e"
                        p-id="19651"
                      ></path>
                      <path
                        d="M80.384 398.336h65.536v65.536H80.384z"
                        fill="#e4720e"
                        p-id="19652"
                      ></path>
                      <path
                        d="M921.088 444.928m-32.768 0a32.768 32.768 0 1 0 65.536 0 32.768 32.768 0 1 0-65.536 0Z"
                        fill="#e4720e"
                        p-id="19653"
                      ></path>
                      <path
                        d="M791.04 183.808c-30.72 0-56.32 25.088-56.32 56.32s25.088 56.32 56.32 56.32 56.32-25.088 56.32-56.32-25.6-56.32-56.32-56.32z m0 88.576c-17.92 0-32.768-14.848-32.768-32.768s14.848-32.768 32.768-32.768c17.92 0 32.768 14.848 32.768 32.768s-14.848 32.768-32.768 32.768z"
                        fill="#e4720e"
                        p-id="19654"
                      ></path></svg
                  ></el-col>
                  <el-col :span="14"
                    ><span>欢迎空白加入双体系开发中心...</span></el-col
                  >
                  <el-col :span="4"><span>1分钟前</span></el-col>
                </el-row>
              </div>
            </el-tab-pane>
            <el-tab-pane>
              <span slot="label" @click="showClick2">
                <svg
                  v-if="zhanshi2"
                  t="1648825089896"
                  class="icon4"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="5930"
                  width="32"
                  height="32"
                >
                  <path
                    d="M512 492.8m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z"
                    p-id="5931"
                    fill="#e6e2dd"
                  ></path>
                  <path
                    d="M224 492.8m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z"
                    p-id="5932"
                    fill="#e6e2dd"
                  ></path>
                  <path
                    d="M800 492.8m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z"
                    p-id="5933"
                    fill="#e6e2dd"
                  ></path>
                </svg>
                <svg
                  v-else
                  t="1650278563198"
                  class="icon4"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6187"
                  width="32"
                  height="32"
                >
                  <path
                    d="M224 512m-80 0a80 80 0 1 0 160 0 80 80 0 1 0-160 0Z"
                    p-id="6188"
                    fill="#1296db"
                  ></path>
                  <path
                    d="M512 512m-80 0a80 80 0 1 0 160 0 80 80 0 1 0-160 0Z"
                    p-id="6189"
                    fill="#1296db"
                  ></path>
                  <path
                    d="M800 512m-80 0a80 80 0 1 0 160 0 80 80 0 1 0-160 0Z"
                    p-id="6190"
                    fill="#1296db"
                  ></path>
                </svg>
              </span>
              <div class="content">
                <el-row>
                  <el-col :span="3"
                    ><svg
                      t="1648868812661"
                      class="icon1"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="13395"
                      width="32"
                      height="32"
                    >
                      <path
                        d="M193.7664 406.0416l301.8752 183.8848c7.4752 4.352 16.7168 4.352 24.192 0l301.8752-183.8848a23.04 23.04 0 0 0 7.7312-31.9232 28.2112 28.2112 0 0 0-7.7312-7.7312l-301.8752-183.808a23.9616 23.9616 0 0 0-24.192 0L193.7664 366.336a23.04 23.04 0 0 0-7.8336 31.9488c1.8688 3.2256 4.5824 5.888 7.8336 7.7568z"
                        fill="#1afa29"
                        p-id="13396"
                      ></path>
                      <path
                        d="M797.7472 492.3904l-290.1248 176.8448-290.0992-176.8448a22.8352 22.8352 0 0 0-30.9248 7.424 22.528 22.528 0 0 0 7.3984 30.8992l301.8752 183.8848c7.1168 4.3776 16.0768 4.3776 23.1936 0l301.8752-183.8848a22.3232 22.3232 0 0 0 6.7072-30.9248 21.8624 21.8624 0 0 0-29.9008-7.3984z"
                        fill="#1afa29"
                        p-id="13397"
                      ></path>
                      <path
                        d="M797.7472 616.448l-290.1248 176.8192L217.5232 616.448a22.8352 22.8352 0 0 0-30.9248 7.3984 22.8352 22.8352 0 0 0 7.3984 30.9248L495.872 838.656c7.1168 4.352 16.0768 4.352 23.1936 0l301.8752-183.8848a22.4256 22.4256 0 0 0-23.1936-38.3232z"
                        fill="#1afa29"
                        p-id="13398"
                      ></path></svg
                  ></el-col>
                  <el-col :span="14"
                    ><span>哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span></el-col
                  >
                  <el-col :span="4"><span>1分钟前</span></el-col>
                </el-row>
                <el-row>
                  <el-col :span="3"
                    ><svg
                      t="1648868812661"
                      class="icon1"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="13395"
                      width="32"
                      height="32"
                    >
                      <path
                        d="M193.7664 406.0416l301.8752 183.8848c7.4752 4.352 16.7168 4.352 24.192 0l301.8752-183.8848a23.04 23.04 0 0 0 7.7312-31.9232 28.2112 28.2112 0 0 0-7.7312-7.7312l-301.8752-183.808a23.9616 23.9616 0 0 0-24.192 0L193.7664 366.336a23.04 23.04 0 0 0-7.8336 31.9488c1.8688 3.2256 4.5824 5.888 7.8336 7.7568z"
                        fill="#1afa29"
                        p-id="13396"
                      ></path>
                      <path
                        d="M797.7472 492.3904l-290.1248 176.8448-290.0992-176.8448a22.8352 22.8352 0 0 0-30.9248 7.424 22.528 22.528 0 0 0 7.3984 30.8992l301.8752 183.8848c7.1168 4.3776 16.0768 4.3776 23.1936 0l301.8752-183.8848a22.3232 22.3232 0 0 0 6.7072-30.9248 21.8624 21.8624 0 0 0-29.9008-7.3984z"
                        fill="#1afa29"
                        p-id="13397"
                      ></path>
                      <path
                        d="M797.7472 616.448l-290.1248 176.8192L217.5232 616.448a22.8352 22.8352 0 0 0-30.9248 7.3984 22.8352 22.8352 0 0 0 7.3984 30.9248L495.872 838.656c7.1168 4.352 16.0768 4.352 23.1936 0l301.8752-183.8848a22.4256 22.4256 0 0 0-23.1936-38.3232z"
                        fill="#1afa29"
                        p-id="13398"
                      ></path></svg
                  ></el-col>
                  <el-col :span="14"
                    ><span>哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span></el-col
                  >
                  <el-col :span="4"><span>1分钟前</span></el-col>
                </el-row>
                <el-row>
                  <el-col :span="3"
                    ><svg
                      t="1648868812661"
                      class="icon1"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="13395"
                      width="32"
                      height="32"
                    >
                      <path
                        d="M193.7664 406.0416l301.8752 183.8848c7.4752 4.352 16.7168 4.352 24.192 0l301.8752-183.8848a23.04 23.04 0 0 0 7.7312-31.9232 28.2112 28.2112 0 0 0-7.7312-7.7312l-301.8752-183.808a23.9616 23.9616 0 0 0-24.192 0L193.7664 366.336a23.04 23.04 0 0 0-7.8336 31.9488c1.8688 3.2256 4.5824 5.888 7.8336 7.7568z"
                        fill="#1afa29"
                        p-id="13396"
                      ></path>
                      <path
                        d="M797.7472 492.3904l-290.1248 176.8448-290.0992-176.8448a22.8352 22.8352 0 0 0-30.9248 7.424 22.528 22.528 0 0 0 7.3984 30.8992l301.8752 183.8848c7.1168 4.3776 16.0768 4.3776 23.1936 0l301.8752-183.8848a22.3232 22.3232 0 0 0 6.7072-30.9248 21.8624 21.8624 0 0 0-29.9008-7.3984z"
                        fill="#1afa29"
                        p-id="13397"
                      ></path>
                      <path
                        d="M797.7472 616.448l-290.1248 176.8192L217.5232 616.448a22.8352 22.8352 0 0 0-30.9248 7.3984 22.8352 22.8352 0 0 0 7.3984 30.9248L495.872 838.656c7.1168 4.352 16.0768 4.352 23.1936 0l301.8752-183.8848a22.4256 22.4256 0 0 0-23.1936-38.3232z"
                        fill="#1afa29"
                        p-id="13398"
                      ></path></svg
                  ></el-col>
                  <el-col :span="14"
                    ><span>哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span></el-col
                  >
                  <el-col :span="4"><span>1分钟前</span></el-col>
                </el-row>
                <el-row>
                  <el-col :span="3"
                    ><svg
                      t="1648868812661"
                      class="icon1"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="13395"
                      width="32"
                      height="32"
                    >
                      <path
                        d="M193.7664 406.0416l301.8752 183.8848c7.4752 4.352 16.7168 4.352 24.192 0l301.8752-183.8848a23.04 23.04 0 0 0 7.7312-31.9232 28.2112 28.2112 0 0 0-7.7312-7.7312l-301.8752-183.808a23.9616 23.9616 0 0 0-24.192 0L193.7664 366.336a23.04 23.04 0 0 0-7.8336 31.9488c1.8688 3.2256 4.5824 5.888 7.8336 7.7568z"
                        fill="#1afa29"
                        p-id="13396"
                      ></path>
                      <path
                        d="M797.7472 492.3904l-290.1248 176.8448-290.0992-176.8448a22.8352 22.8352 0 0 0-30.9248 7.424 22.528 22.528 0 0 0 7.3984 30.8992l301.8752 183.8848c7.1168 4.3776 16.0768 4.3776 23.1936 0l301.8752-183.8848a22.3232 22.3232 0 0 0 6.7072-30.9248 21.8624 21.8624 0 0 0-29.9008-7.3984z"
                        fill="#1afa29"
                        p-id="13397"
                      ></path>
                      <path
                        d="M797.7472 616.448l-290.1248 176.8192L217.5232 616.448a22.8352 22.8352 0 0 0-30.9248 7.3984 22.8352 22.8352 0 0 0 7.3984 30.9248L495.872 838.656c7.1168 4.352 16.0768 4.352 23.1936 0l301.8752-183.8848a22.4256 22.4256 0 0 0-23.1936-38.3232z"
                        fill="#1afa29"
                        p-id="13398"
                      ></path></svg
                  ></el-col>
                  <el-col :span="14"
                    ><span>哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span></el-col
                  >
                  <el-col :span="4"><span>1分钟前</span></el-col>
                </el-row>
                <el-row>
                  <el-col :span="3"
                    ><svg
                      t="1648868812661"
                      class="icon1"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="13395"
                      width="32"
                      height="32"
                    >
                      <path
                        d="M193.7664 406.0416l301.8752 183.8848c7.4752 4.352 16.7168 4.352 24.192 0l301.8752-183.8848a23.04 23.04 0 0 0 7.7312-31.9232 28.2112 28.2112 0 0 0-7.7312-7.7312l-301.8752-183.808a23.9616 23.9616 0 0 0-24.192 0L193.7664 366.336a23.04 23.04 0 0 0-7.8336 31.9488c1.8688 3.2256 4.5824 5.888 7.8336 7.7568z"
                        fill="#1afa29"
                        p-id="13396"
                      ></path>
                      <path
                        d="M797.7472 492.3904l-290.1248 176.8448-290.0992-176.8448a22.8352 22.8352 0 0 0-30.9248 7.424 22.528 22.528 0 0 0 7.3984 30.8992l301.8752 183.8848c7.1168 4.3776 16.0768 4.3776 23.1936 0l301.8752-183.8848a22.3232 22.3232 0 0 0 6.7072-30.9248 21.8624 21.8624 0 0 0-29.9008-7.3984z"
                        fill="#1afa29"
                        p-id="13397"
                      ></path>
                      <path
                        d="M797.7472 616.448l-290.1248 176.8192L217.5232 616.448a22.8352 22.8352 0 0 0-30.9248 7.3984 22.8352 22.8352 0 0 0 7.3984 30.9248L495.872 838.656c7.1168 4.352 16.0768 4.352 23.1936 0l301.8752-183.8848a22.4256 22.4256 0 0 0-23.1936-38.3232z"
                        fill="#1afa29"
                        p-id="13398"
                      ></path></svg
                  ></el-col>
                  <el-col :span="14"
                    ><span>哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span></el-col
                  >
                  <el-col :span="4"><span>1分钟前</span></el-col>
                </el-row>
              </div>
            </el-tab-pane>
          </el-tabs>
        </div>
      </div>
      <div class="right">
        <div class="btn" v-if="!userName">
          <h1 @click="reqRegister">注册</h1>
          <van-overlay :show="show1" @click="show1 = false">
            <div class="wrapper" @click.stop>
              <div class="register-container">
                <img src="./images/2.jpg" alt="" />
                <div class="title">
                  <div class="top">
                    <img class="img1" src="./images/时签logo.png" alt="" />
                    <h1>乐学平台</h1>
                  </div>
                </div>
                <div class="register">
                  <div class="form">
                    <h2>注册REGISTER</h2>
                    <svg
                      @click="cancel1"
                      t="1650272061910"
                      class="icons1"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="2589"
                      width="32"
                      height="32"
                    >
                      <path
                        d="M550.848 502.496l308.64-308.896a31.968 31.968 0 1 0-45.248-45.248l-308.608 308.896-308.64-308.928a31.968 31.968 0 1 0-45.248 45.248l308.64 308.896-308.64 308.896a31.968 31.968 0 1 0 45.248 45.248l308.64-308.896 308.608 308.896a31.968 31.968 0 1 0 45.248-45.248l-308.64-308.864z"
                        p-id="2590"
                        fill="#515151"
                      ></path>
                    </svg>
                    <el-form ref="register" :model="register">
                      <div class="input-text">
                        <svg
                          t="1650082727709"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="2624"
                          width="16"
                          height="16"
                        >
                          <path
                            d="M620.256 806.176a32 32 0 0 1-28.256-31.776v-80.736a32 32 0 0 1 13.216-25.92c52.864-38.272 99.168-99.68 124.736-169.152a32 32 0 0 1 19.584-19.2c9.76-3.36 21.536-24.224 32.416-70.72 5.92-25.152-1.024-40.96-16.576-50.4a32 32 0 0 1-15.264-24.48C736.448 181.312 650.144 96 514.24 96c-138.24 0-227.936 88.064-240.672 242.432a32 32 0 0 1-15.04 24.544c-16.416 10.24-22.272 23.36-16.224 44.032 11.392 38.88 23.84 60.352 36.8 68.48a32 32 0 0 1 13.12 16.384c25.088 70.496 72.224 133.536 126.72 173.504a32 32 0 0 1 13.056 25.792V774.4a32 32 0 0 1-28.256 31.776c-125.12 14.72-212.608 54.4-225.952 88.672 2.304 1.056 5.12 2.176 8.384 3.296 17.184 6.016 43.52 11.52 77.12 16.096 65.504 8.896 155.168 13.76 248.704 13.76s183.2-4.864 248.704-13.76c33.6-4.576 59.936-10.08 77.12-16.096 3.296-1.12 6.08-2.24 8.384-3.296-13.344-34.272-100.832-73.92-225.92-88.64z m35.744-59.776c151.36 22.656 256 79.168 256 157.376C912 970.784 755.84 992 512 992s-400-21.216-400-88.224c0-78.208 104.64-134.72 256-157.376V706.88c-56.64-45.536-104.576-110.944-132.576-184.128-23.936-19.392-40.928-51.296-54.528-97.792-12.8-43.648 0.064-81.344 30.336-106.592C231.456 140.48 346.336 32 514.24 32c165.6 0 276.992 105.728 298.08 281.44 29.44 24.864 42.72 63.904 31.968 109.856-13.312 56.768-30.848 92.512-58.976 109.632-28.448 70.624-74.976 133.184-129.312 176.576v36.896z"
                            p-id="2625"
                            fill="#515151"
                          ></path>
                        </svg>
                        <input
                          type="text"
                          placeholder="请输入用户名"
                          prop="username"
                          ref="username"
                          v-model="register.username"
                        />
                      </div>
                      <div class="input-text">
                        <svg
                          t="1650286589520"
                          class="icon"
                          viewBox="0 0 1154 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="12503"
                          width="16"
                          height="16"
                        >
                          <path
                            d="M957.660022 521.476035L494.519771 58.777713a200.193257 200.193257 0 0 0-66.289158-41.541206A200.193257 200.193257 0 0 0 353.544829 0.001326H83.085064A79.988917 79.988917 0 0 0 24.750605 24.749278 79.54699 79.54699 0 0 0 0.002653 83.083737V353.543502a200.635185 200.635185 0 0 0 17.235181 74.685784 193.564341 193.564341 0 0 0 41.983133 65.405303l463.140251 464.024106a79.54699 79.54699 0 0 0 58.334459 23.864096 83.082411 83.082411 0 0 0 58.776386-23.864096l318.187959-318.629886a79.54699 79.54699 0 0 0 23.864096-58.334459 83.082411 83.082411 0 0 0-23.864096-59.218315z m-60.544098 112.249641l-262.505066 265.156632a68.498797 68.498797 0 0 1-48.612049 19.886747 65.405303 65.405303 0 0 1-48.170121-19.886747L101.646028 460.931938a159.977835 159.977835 0 0 1-34.470362-54.35711 165.722895 165.722895 0 0 1-14.141687-62.311809v-220.963859a65.84723 65.84723 0 0 1 20.328675-48.170122 65.84723 65.84723 0 0 1 48.170122-22.096386h220.96386a165.280967 165.280967 0 0 1 62.753736 14.141687 165.280967 165.280967 0 0 1 54.357109 34.470362l436.18266 435.298804a68.498797 68.498797 0 0 1 19.886747 48.61205 65.84723 65.84723 0 0 1-18.560964 48.170121z"
                            fill="#515151"
                            p-id="12504"
                          ></path>
                          <path
                            d="M242.620971 242.619644a49.495905 49.495905 0 0 1-70.266507 0 49.495905 49.495905 0 0 1 0-70.266508 49.495905 49.495905 0 0 1 70.266507 0 49.495905 49.495905 0 0 1 0 70.266508zM1129.127977 521.476035l-441.92772-462.698322a199.751329 199.751329 0 0 0-66.289158-41.983134A199.751329 199.751329 0 0 0 546.225315 0.001326H400.831095a509.100733 509.100733 0 0 1 123.739761 22.538313 200.635185 200.635185 0 0 1 66.289158 41.983134l457.39519 458.279045a83.082411 83.082411 0 0 1 23.864097 58.776387 79.54699 79.54699 0 0 1-23.864097 58.334459l-379.615911 362.38073a206.822173 206.822173 0 0 0 17.235181 12.373976 72.918074 72.918074 0 0 0 38.447712 9.280483 83.082411 83.082411 0 0 0 58.776386-23.864097l346.471333-360.61302a79.54699 79.54699 0 0 0 23.864096-58.334459 83.082411 83.082411 0 0 0-24.306024-59.660242z"
                            fill="#515151"
                            p-id="12505"
                          ></path>
                        </svg>
                        <input
                          type="text"
                          placeholder="请输入昵称"
                          prop="nickName"
                          ref="nickName"
                          v-model="register.nickName"
                        />
                      </div>
                      <div class="input-text">
                        <svg
                          t="1650082782116"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="3598"
                          width="16"
                          height="16"
                        >
                          <path
                            d="M527.36 561.152c-46.592 0-84.48 37.888-84.48 84.48 0 33.792 19.968 62.464 48.128 75.776v93.184c0 19.968 16.384 36.352 36.352 36.352 19.968 0 36.352-16.384 36.352-36.352V721.92c28.672-13.824 48.128-42.496 48.128-75.776 0-47.104-37.376-84.992-84.48-84.992z m350.72-169.472H153.088c-39.936 0-72.704 32.256-72.704 72.704v483.328c0 39.936 32.256 72.704 72.704 72.704h724.992c39.936 0 72.704-32.256 72.704-72.704V464.384c-0.512-40.448-32.768-72.704-72.704-72.704z m0 507.392c0 39.936-8.192 48.128-48.128 48.128H201.216c-39.936 0-48.128-8.192-48.128-48.128v-386.56c0-39.936 8.192-48.128 48.128-48.128H829.44c39.936 0 48.128 8.192 48.128 48.128v386.56zM173.056 355.328c19.968 0 36.352-15.872 36.864-35.84 32.768-138.24 157.184-241.664 305.664-241.664 116.224 0 217.088 62.976 271.36 156.672 5.632 12.8 18.432 21.504 33.28 21.504 19.968 0 36.352-16.384 36.352-36.352 0-7.68-2.56-15.36-6.656-20.992C782.848 83.456 658.432 5.12 515.584 5.12c-186.88 0-342.528 128.512-378.88 304.64 0 1.024-0.512 1.536-0.512 2.048 0 1.024-0.512 1.536-0.512 2.56v3.584c0 20.992 16.896 37.376 37.376 37.376z"
                            p-id="3599"
                            fill="#515151"
                          ></path>
                        </svg>
                        <input
                          placeholder="请设置一个最少6位的密码"
                          name="password"
                          v-model="register.password"
                        />
                      </div>
                      <div class="input-text">
                        <svg
                          t="1650119878554"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="3016"
                          width="16"
                          height="16"
                        >
                          <path
                            d="M938.30656 160H85.76256A86.4 86.4 0 0 0 0.00256 246.976v530.112c0 48 38.4 86.912 85.696 86.912H938.24256c47.424 0 85.696-38.848 85.696-86.912V247.04c0-48-38.272-86.976-85.696-86.976z m-20.48 62.272L577.79456 528c-29.632 26.816-51.648 40.128-65.792 40.128-14.144 0-36.16-13.312-65.792-40.128L106.17856 222.272H917.76256zM63.74656 757.76V278.72l265.536 236.16-265.6 242.88z m44.608 43.968l266.56-240 43.712 38.848c25.344 22.464 56.64 34.048 93.376 34.048 36.928 0 68.032-11.52 93.44-34.048l43.712-38.848 266.56 240H108.35456z m851.968-43.968l-265.6-242.816 265.6-236.16v478.976z"
                            fill="#515151"
                            p-id="3017"
                          ></path>
                        </svg>
                        <input
                          placeholder="请输入邮箱"
                          name="email"
                          v-model="register.email"
                        />
                      </div>
                      <div class="input-text">
                        <svg
                          t="1650119914686"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="3978"
                          width="16"
                          height="16"
                        >
                          <path
                            d="M516.529231 776.270769c32.098462-33.28 49.230769-76.996923 48.246154-123.273846-0.984615-46.08-20.283077-89.009231-53.956923-120.910769-69.513846-65.772308-179.987692-63.212308-246.153847 5.710769-32.098462 33.28-49.230769 77.193846-48.246153 123.273846s20.283077 89.009231 53.956923 120.910769c32.492308 30.72 75.224615 47.655385 120.123077 47.655385 48.246154 0 92.947692-19.101538 126.030769-53.366154zM313.107692 583.68c20.48-21.070769 47.852308-32.886154 77.587693-32.886154 27.766154 0 53.956923 10.436923 74.043077 29.341539 20.676923 19.495385 32.492308 46.08 33.083076 74.24 0.590769 28.356923-9.846154 55.138462-29.538461 75.618461-40.763077 42.338462-108.898462 43.913846-151.630769 3.544616-20.676923-19.495385-32.492308-45.883077-33.083077-74.24-0.787692-28.16 9.846154-55.138462 29.538461-75.618462z"
                            fill="#515151"
                            p-id="3979"
                          ></path>
                          <path
                            d="M966.695385 47.458462c-21.070769-20.086154-54.153846-43.126154-91.372308-38.006154-22.843077 3.150769-36.430769 15.36-36.824615 15.753846l-53.169231 47.852308c-5.513846 4.923077-13.587692 5.710769-20.283077 1.96923-33.870769-19.495385-76.603077-13.587692-103.778462 14.572308-26.781538 27.766154-31.113846 69.710769-10.830769 102.203077 4.332308 6.695385 3.347692 15.556923-2.166154 21.267692l-99.446154 103.187693c-70.104615-32.098462-147.495385-41.944615-223.901538-28.75077-79.950769 13.784615-152.024615 51.987692-208.344615 110.473846-69.710769 72.270769-106.929231 167.384615-104.566154 267.618462 2.363077 100.233846 43.913846 193.772308 117.16923 262.892308 40.172308 38.006154 87.236923 66.166154 140.209231 83.692307 3.347692 1.181538 6.892308 1.772308 10.633846 1.772308 7.089231 0 13.784615-2.166154 19.495385-6.498461 8.861538-6.498462 13.784615-16.541538 13.390769-27.372308-0.393846-13.981538-9.452308-26.190769-22.449231-30.72-43.126154-14.572308-81.92-37.809231-115.003076-69.12-60.258462-56.910769-94.523077-133.907692-96.295385-216.418462-1.969231-82.510769 28.750769-160.689231 86.252308-220.356923 44.110769-45.686154 100.430769-76.603077 162.658461-89.206154 60.849231-12.209231 123.470769-6.498462 180.775385 16.738462 0.787692 0.196923 1.378462 0.590769 2.166154 0.984615l26.978461 15.36c13.193846 7.483077 29.735385 5.12 40.369231-5.710769l151.630769-157.341538c6.104615-6.498462 9.452308-14.769231 9.255385-23.827693-0.196923-8.861538-3.938462-17.132308-10.436923-23.236923l-18.51077-17.526154c-3.347692-3.150769-5.316923-7.483077-5.513846-12.20923-0.196923-4.726154 1.575385-9.058462 4.923077-12.406154 6.695385-7.089231 17.92-7.286154 25.009231-0.590769l18.904615 17.723076c13.193846 12.406154 34.067692 12.012308 46.67077-0.984615L853.070769 96.492308c0.393846-0.393846 0.787692-0.984615 1.378462-1.378462 1.772308-1.969231 11.027692-12.012308 25.993846-12.996923 13.193846-0.984615 27.372308 5.12 42.141538 18.116923 15.950769 13.981538 24.221538 28.16 24.418462 42.338462 0.393846 17.329231-12.012308 29.735385-12.209231 29.932307L660.283077 457.452308c-10.24 10.633846-12.209231 27.175385-4.529231 39.975384l16.541539 27.766154c0.393846 0.590769 0.590769 0.984615 0.787692 1.575385 26.190769 55.729231 35.052308 117.366154 25.403077 178.215384-9.846154 62.424615-38.203077 119.532308-82.313846 165.218462-27.175385 28.16-59.273846 50.806154-95.31077 67.150769-12.209231 5.513846-19.692308 17.723077-19.495384 30.916923v0.393846c0.196923 11.224615 6.104615 21.464615 15.556923 27.372308 9.452308 5.907692 21.070769 6.695385 31.113846 2.166154 43.913846-19.889231 83.101538-47.458462 116.578462-82.116923 54.153846-56.123077 88.812308-126.227692 100.430769-202.830769 11.421538-74.830769 0-150.252308-32.689231-218.19077-3.150769-6.498462-1.772308-14.375385 3.347692-19.692307L1011.396923 189.046154l0.196923-0.196923c0.590769-0.590769 12.8-14.375385 12.8-39.384616-0.590769-39.384615-31.704615-77.193846-57.698461-102.006153z"
                            fill="#515151"
                            p-id="3980"
                          ></path>
                        </svg>
                        <input
                          type="text"
                          placeholder="请输入验证码"
                          name="code"
                          v-model="register.code"
                          v-validate="{ required: true, regex: /^\d{6}$/ }"
                        />
                        <button
                          type="button"
                          class="b"
                          @click="getCode"
                          :disabled="attcode"
                          v-if="showbtn"
                        >
                          发送验证码
                        </button>
                        <button class="b" type="button" v-else>
                          {{ code_ts }}
                        </button>
                      </div>
                      <span @click="span2">已有帐号，去登录</span>
                      <el-button
                        class="btn"
                        @click.native.prevent="userRegister"
                      >
                        立&nbsp;即&nbsp;注&nbsp;册
                      </el-button>
                    </el-form>
                  </div>
                </div>
              </div>
            </div>
          </van-overlay>
          <h2>或</h2>
          <h1 @click="reqLogin">登录</h1>
          <van-overlay :show="show" @click="show = false">
            <div class="wrapper" @click.stop>
              <div class="login-container">
                <img src="./images/1.png" alt="" />
                <div class="login">
                  <div class="form">
                    <h2>登录LOGIN</h2>
                    <svg
                      @click="cancel2"
                      t="1650272061910"
                      class="icons2"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="2589"
                      width="32"
                      height="32"
                    >
                      <path
                        d="M550.848 502.496l308.64-308.896a31.968 31.968 0 1 0-45.248-45.248l-308.608 308.896-308.64-308.928a31.968 31.968 0 1 0-45.248 45.248l308.64 308.896-308.64 308.896a31.968 31.968 0 1 0 45.248 45.248l308.64-308.896 308.608 308.896a31.968 31.968 0 1 0 45.248-45.248l-308.64-308.864z"
                        p-id="2590"
                        fill="#515151"
                      ></path>
                    </svg>
                    <el-form>
                      <div class="input-text">
                        <svg
                          t="1650082727709"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="2624"
                          width="16"
                          height="16"
                        >
                          <path
                            d="M620.256 806.176a32 32 0 0 1-28.256-31.776v-80.736a32 32 0 0 1 13.216-25.92c52.864-38.272 99.168-99.68 124.736-169.152a32 32 0 0 1 19.584-19.2c9.76-3.36 21.536-24.224 32.416-70.72 5.92-25.152-1.024-40.96-16.576-50.4a32 32 0 0 1-15.264-24.48C736.448 181.312 650.144 96 514.24 96c-138.24 0-227.936 88.064-240.672 242.432a32 32 0 0 1-15.04 24.544c-16.416 10.24-22.272 23.36-16.224 44.032 11.392 38.88 23.84 60.352 36.8 68.48a32 32 0 0 1 13.12 16.384c25.088 70.496 72.224 133.536 126.72 173.504a32 32 0 0 1 13.056 25.792V774.4a32 32 0 0 1-28.256 31.776c-125.12 14.72-212.608 54.4-225.952 88.672 2.304 1.056 5.12 2.176 8.384 3.296 17.184 6.016 43.52 11.52 77.12 16.096 65.504 8.896 155.168 13.76 248.704 13.76s183.2-4.864 248.704-13.76c33.6-4.576 59.936-10.08 77.12-16.096 3.296-1.12 6.08-2.24 8.384-3.296-13.344-34.272-100.832-73.92-225.92-88.64z m35.744-59.776c151.36 22.656 256 79.168 256 157.376C912 970.784 755.84 992 512 992s-400-21.216-400-88.224c0-78.208 104.64-134.72 256-157.376V706.88c-56.64-45.536-104.576-110.944-132.576-184.128-23.936-19.392-40.928-51.296-54.528-97.792-12.8-43.648 0.064-81.344 30.336-106.592C231.456 140.48 346.336 32 514.24 32c165.6 0 276.992 105.728 298.08 281.44 29.44 24.864 42.72 63.904 31.968 109.856-13.312 56.768-30.848 92.512-58.976 109.632-28.448 70.624-74.976 133.184-129.312 176.576v36.896z"
                            p-id="2625"
                            fill="#515151"
                          ></path>
                        </svg>
                        <input
                          type="text"
                          v-model="username"
                          placeholder="请输入用户名"
                          name="username"
                          required
                        />
                      </div>
                      <div class="input-text">
                        <svg
                          t="1650082782116"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="3598"
                          width="16"
                          height="16"
                        >
                          <path
                            d="M527.36 561.152c-46.592 0-84.48 37.888-84.48 84.48 0 33.792 19.968 62.464 48.128 75.776v93.184c0 19.968 16.384 36.352 36.352 36.352 19.968 0 36.352-16.384 36.352-36.352V721.92c28.672-13.824 48.128-42.496 48.128-75.776 0-47.104-37.376-84.992-84.48-84.992z m350.72-169.472H153.088c-39.936 0-72.704 32.256-72.704 72.704v483.328c0 39.936 32.256 72.704 72.704 72.704h724.992c39.936 0 72.704-32.256 72.704-72.704V464.384c-0.512-40.448-32.768-72.704-72.704-72.704z m0 507.392c0 39.936-8.192 48.128-48.128 48.128H201.216c-39.936 0-48.128-8.192-48.128-48.128v-386.56c0-39.936 8.192-48.128 48.128-48.128H829.44c39.936 0 48.128 8.192 48.128 48.128v386.56zM173.056 355.328c19.968 0 36.352-15.872 36.864-35.84 32.768-138.24 157.184-241.664 305.664-241.664 116.224 0 217.088 62.976 271.36 156.672 5.632 12.8 18.432 21.504 33.28 21.504 19.968 0 36.352-16.384 36.352-36.352 0-7.68-2.56-15.36-6.656-20.992C782.848 83.456 658.432 5.12 515.584 5.12c-186.88 0-342.528 128.512-378.88 304.64 0 1.024-0.512 1.536-0.512 2.048 0 1.024-0.512 1.536-0.512 2.56v3.584c0 20.992 16.896 37.376 37.376 37.376z"
                            p-id="3599"
                            fill="#515151"
                          ></path>
                        </svg>
                        <input
                          v-model="password"
                          placeholder="请输入密码"
                          name="password"
                          required
                        />
                      </div>
                      <span @click="span1">没有账号，去注册</span>
                      <el-button
                        type="button"
                        class="btn"
                        :loading="loading"
                        @click="Login"
                        v-on:keyup.13.native="submit"
                      >
                        登&nbsp;录
                      </el-button>
                    </el-form>
                  </div>
                </div>
              </div>
            </div>
          </van-overlay>
        </div>
        <div class="my" v-else>
          <div class="img1">
            <img src="./images/1.jpg" alt="" />
          </div>
          <!-- 头像下拉框 -->
          <div class="image">
            <img src="./images/1.jpg" alt="" />
            <h1>比特跃动</h1>
            <h2>ID：admin</h2>
            <ul>
              <li>
                <svg
                  t="1648881377679"
                  class="icon5"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="8596"
                  width="26"
                  height="26"
                >
                  <path
                    d="M882.553 207.403l-66.652-66.652L894.352 62.3s67.244-1.399 67.244 65.845l-79.043 79.258z m-727.882 34.214v627.609H782.28V443.348l89.658-89.658v515.536c0 49.518-40.14 89.658-89.658 89.658H154.671c-49.518 0-89.658-40.14-89.658-89.658V241.617c0-49.518 40.14-89.658 89.658-89.658h515.536l-89.658 89.658H154.671zM378.817 645.08v-67.244l33.622-33.622 67.199 67.199-33.578 33.667h-67.243z m458.965-392.789L502.021 588.967 434.853 521.8l336.219-336.219 66.71 66.71z"
                    p-id="8597"
                    fill="#cdcdcd"
                  ></path></svg
                ><span @click="personal">个人资料</span>
              </li>
              <li>
                <svg
                  t="1648880886935"
                  class="icon5"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4465"
                  width="30"
                  height="30"
                >
                  <path
                    d="M910.001131 462.105636c-50.550303-78.533634-113.946168-137.2622-190.178387-176.187745 20.315698 34.624589 30.472012 72.059176 30.472012 112.305809 0 61.540611-21.8701 114.200972-65.608254 157.982104-43.73713 43.781132-96.398514 65.650209-157.981081 65.606207-61.582567-0.041956-114.243951-21.910009-157.981081-65.606207-43.738154-43.695175-65.60723-96.356558-65.60723-157.982104 0-40.245609 10.158361-77.68122 30.470989-112.305809-76.190263 38.925544-139.583059 97.655134-190.178387 176.187745 44.249807 68.225871 99.719142 122.54808 166.414147 162.964582 66.692958 40.415478 138.985448 60.623729 216.879516 60.623729s150.187581-20.208251 216.880539-60.623729C810.280966 584.653717 865.752348 530.331507 910.001131 462.105636L910.001131 462.105636zM550.662043 270.458805c0-6.643304-2.321882-12.307304-6.962575-16.991999-4.641717-4.684696-10.30674-7.005554-16.991999-6.963599-41.608653 0-77.298504 14.885012-107.067504 44.654013-29.770024 29.769001-44.654013 65.457828-44.654013 107.066481 0 6.644327 2.320858 12.307304 6.963599 16.993023 4.64274 4.683672 10.30674 7.007601 16.991999 6.964622s12.349259-2.366907 16.991999-6.964622c4.641717-4.599761 6.963599-10.264784 6.963599-16.993023 0-28.619828 10.158361-53.064566 30.472012-73.337285s44.760436-30.429033 73.337285-30.472012c6.643304 0 12.308327-2.320858 16.991999-6.962575C548.385187 282.809087 550.705022 277.145088 550.662043 270.458805zM973.885114 462.105636c0 11.328-3.321652 22.805402-9.965979 34.431184-46.591131 76.531024-109.216447 137.837298-187.877995 183.9178-78.661547 46.079478-161.750941 69.121264-249.27125 69.12024-87.518263 0-170.609703-23.125697-249.269203-69.376067C198.841186 633.95047 136.214846 572.730153 89.623715 496.538867c-6.644327-11.626805-9.965979-23.104207-9.965979-34.432207s3.321652-22.805402 9.965979-34.432207c46.591131-76.191286 109.217471-137.411603 187.879018-183.661973 78.659501-46.251394 161.749918-69.376067 249.269203-69.376067s170.609703 23.125697 249.27125 69.376067c78.659501 46.25037 141.284817 107.470687 187.877995 183.661973C970.563462 439.300234 973.885114 450.777637 973.885114 462.105636z"
                    p-id="4466"
                    fill="#cdcdcd"
                  ></path>
                </svg>
                <span>主题</span>
                <el-switch
                  v-model="value"
                  active-color="#13ce66"
                  inactive-color="#cdcdcd"
                >
                </el-switch>
              </li>
              <li>
                <svg
                  t="1648881115680"
                  class="icon5"
                  viewBox="0 0 1027 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="5526"
                  width="25"
                  height="25"
                >
                  <path
                    d="M584.47 677.918h-9.36c-97.805 0-195.607 0.01-293.414 0-14.5-0.005-23.95-6.65-26.28-18.54-0.458-2.375-0.415-4.87-0.415-7.3-0.018-86.915-0.02-173.825-0.012-260.739 0.003-16.485 8.93-25.255 25.672-25.255 98.247-0.005 196.497-0.005 294.75-0.005h9.06v-7.912c0-77.352-0.01-154.71 0.01-232.069 0-10.645 5.074-19.135 13.67-22.387 9.89-3.745 18.664-2.02 26.12 5.857 4.274 4.517 8.93 8.672 13.32 13.065 55.384 55.265 110.76 110.555 166.13 165.82 71.12 70.965 142.244 141.912 213.364 212.874 11.84 11.802 11.905 24.252 0.205 35.927-101.78 101.605-203.549 203.219-305.359 304.784-28.955 28.885-58.065 57.595-86.995 86.505-7.445 7.45-15.75 10.715-25.915 6.855-9.885-3.75-14.54-11.53-14.54-23.765-0.015-74.905-0.01-149.82-0.01-224.724v-8.991zM401.643 106.172v87.827h-8.07c-74.465 0-148.93-0.01-223.394 0.005-47.187 0.007-81.935 34.827-81.937 82.107-0.007 163.602 0.293 327.202-0.197 490.791-0.135 43.285 32.795 74.47 63.24 80.165 6.727 1.245 13.677 1.81 20.525 1.825 73.797 0.13 147.597 0.08 221.397 0.08h8.302v87.325c-1.05 0.21-2.275 0.68-3.503 0.68-78.467 0-156.942 0.8-235.389-0.34-76.67-1.1-144.565-59.285-159.197-134.595-2.065-10.61-3.075-21.595-3.087-32.405-0.19-165.385-0.627-330.762 0.102-496.134 0.305-69.077 34.625-118.665 94.56-150.892 21.145-11.375 44.502-16.512 68.577-16.572 77.797-0.21 155.595-0.08 233.394-0.075 1.315 0.001 2.627 0.116 4.677 0.208z"
                    p-id="5527"
                    fill="#cdcdcd"
                  ></path>
                </svg>
                <span @click="logout">退出</span>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </el-header>
    <el-main style="background-color: #202225; overflow: hidden">
      <StudyWay v-show="scene == 0" />
      <Question v-show="scene == 1" />
      <Personal v-show="scene == 2" />
      <Match v-show="scene == 3" />
      <Discuss v-show="scene == 4" @change="change" />
      <Homes v-show="scene == 5" @change1="change1" />
      <Sign v-show="scene == 7" @change3="change3" />
      <Job v-show="scene == 6" @change2="change2" />
    </el-main>
  </el-container>
</template>

<script>
import { login } from "@/api";
import StudyWay from "./StudyWay/index";
import Question from "./Question/index.vue";
import Personal from "./Personal/index.vue";
import Match from "./Match/index.vue";
import Discuss from "./Discuss/index.vue";
import Homes from "./Homes/index.vue";
import Sign from "./Sign/index.vue";
import Job from "./Job/index.vue";

export default {
  components: {
    StudyWay,
    Question,
    Personal,
    Match,
    Discuss,
    Homes,
    Sign,
    Job,
  },
  data() {
    return {
      tabPosition: "bottom",
      value: true,
      show: false,
      username: "",
      password: "",
      loading: false,
      show1: false,
      zhanshi: true,
      zhanshi1: true,
      zhanshi2: true,
      register: {
        username: "",
        password: "",
        email: "",
        code: "",
        nickName: "",
      },
      attcode: false,
      showbtn: true,
      code_ts: "获取验证码",
      sec: 60,
      scene: 5,
    };
  },
  computed: {
    userName() {
      return this.$store.state.username;
    },
  },
  created() {
    //按回车键响应
    var _this = this;
    document.onkeydown = function (e) {
      let key = window.event.keyCode;
      if (key == 13) {
        _this.login();
      }
    };
  },
  methods: {
    learn() {
      this.scene = 0;
    },
    question() {
      this.scene = 1;
    },
    personal() {
      this.scene = 2;
    },
    match() {
      this.scene = 3;
    },
    discuss() {
      this.scene = 4;
    },
    homes() {
      this.scene = 5;
    },
    sign() {
      this.scene = 7;
    },
    job() {
      this.scene = 6;
    },
    change({ show, show1 }) {
      this.show = show;
      this.show1 = show1;
    },
    change1({ show1, scene }) {
      this.scene = scene;
      this.show1 = show1;
    },
    change3({ show3, scene }) {
      this.scene = scene;
      this.show31 = show3;
    },
    change2({ show2, scene }) {
      this.scene = scene;
      this.show2 = show2;
    },
    showClick() {
      this.zhanshi = true;
      this.zhanshi1 = true;
      this.zhanshi2 = true;
    },
    showClick1() {
      this.zhanshi1 = false;
      this.zhanshi = false;
      this.zhanshi2 = true;
    },
    showClick2() {
      this.zhanshi2 = false;
      this.zhanshi = false;
      this.zhanshi1 = true;
    },
    reqRegister() {
      this.show1 = true;
    },
    reqLogin() {
      this.show = true;
    },
    Login() {
      this.loading = true;
      let params = new URLSearchParams();
      params.append("username", this.username);
      params.append("password", this.password);
      login(params).then(({ data }) => {
        this.loading = false;
        if (data.flag) {
          this.$store.commit("login", data.data);
          this.$message.success("登录成功");
          this.$router.push({ path: "/home" });
        } else {
          this.$message.error("登录失败！" + data.message);
        }
      });
    },
    //绑定监听事件
    keyDown(e) {
      //如果是按回车则执行登录方法
      if (e.keyCode == 13) {
        this.login();
      }
    },
    //销毁事件
    dstroyed() {
      window.removeEventListener("keydown", this.keyDown, false);
    },
    logout() {
      this.$store.commit("logout");
      this.$router.push({ path: "/" });
      this.show = false;
    },
    //获取验证码
    async getCode() {
      var timer = setInterval(() => {
        this.sec = this.sec - 1;
        this.code_ts = this.sec + "S后重试";
        this.showbtn = false;
        if (this.sec === 0) {
          clearInterval(timer);
          this.sec = 60;
          this.code_ts = this.sec + "S后重试";
          this.showbtn = true;
        }
      }, 1000);
      try {
        const { email } = this.register;
        email && (await this.$store.dispatch("getCode", { email: email }));
      } catch (error) {}
    },
    //用户注册
    async userRegister() {
      try {
        const { username, email, code, password, nickName } = this.register;
        await this.$store.dispatch("userRegister", {
          username,
          email,
          code,
          password,
          nickName,
        });
        this.$message({
          type: "success",
          message: "注册成功!",
        });
      } catch (error) {
        alert(error.message);
      }
    },
    cancel1() {
      this.show1 = false;
    },
    cancel2() {
      this.show = false;
    },
    span1() {
      this.show1 = true;
      this.show = false;
    },
    span2() {
      this.show1 = false;
      this.show = true;
    },
  },
};
</script>

<style lang="less" scoped>
.el-container {
  transition: margin-left 0.45s;
  width: 100%;
  min-height: 100vh;
  .el-header {
    color: #333;
    text-align: center;
    margin: 0 5.5em;
    ul {
      float: left;
      color: white;
      a {
        float: left;
        font-size: 15px;
        color: #e6e2dd;
        margin: 1.1em 1em;
        img {
          margin: -0.6em 0 0 3em;
          width: 100px;
          height: 40px;
        }
        &:hover {
          text-decoration: none;
          color: white;
        }
      }
    }
    .svgs {
      position: relative;
      left: 88em;
      top: -4.8em;
      width: 40px;
      &::after {
        display: none;
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border: 15px solid transparent;
        border-top: none;
        border-bottom-color: #36393f;
        bottom: -1.4em;
        left: 0.8em;
        right: 0;
        margin: auto;
      }
      .new {
        position: absolute;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        z-index: 9999;
        overflow: hidden;
        transition: height 0.3s;
        margin: 1em -11.3em;
        width: 384px;
        height: 0;
        background-color: #36393f;
        border-radius: 15px;
        color: white;
        font-size: 16px;
        padding: 0 0.5em;
        .icon1 {
          position: absolute;
          top: 0;
          left: 1em;
          width: 35px;
          height: 35px;
        }
        .icon2 {
          float: left;
          margin: -0.1em 0;
          margin-left: 1.3em;
        }
        .icon3 {
          float: left;
          margin: -0.1em 0;
          margin-left: -1em;
        }
        .icon4 {
          float: right;
          margin-left: 13.5em;
        }
        /deep/ .el-tabs__active-bar {
          height: 0;
        }
        /deep/ .el-tabs__nav-wrap::after {
          content: none;
        }
        .el-row {
          margin: 1em 0;
          .el-col {
            margin: 0.5em;
          }
        }
      }
      &:hover .new,
      &:hover::after {
        display: block;
        z-index: 9999;
        height: 335px;
      }
    }
    .right {
      width: 40px;
      float: right;
      margin-right: 11.1em;
      &:hover .image {
        display: block;
      }
      .btn {
        width: 150px;
        color: white;
        margin: 1.5em -6.5em;
        h1 {
          font-size: 16px;
          color: white;
          float: left;
        }
        h2 {
          margin: 0 1em;
          float: left;
          color: #b4b4b4;
        }
        .wrapper {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 100%;
          .login-container {
            img {
              width: 58em;
              height: 24em;
            }
            .login {
              position: relative;
              height: 200px;
              margin: -7em auto;
              .form {
                margin-left: 23em;
                h2 {
                  position: absolute;
                  font-family: "楷体", serif;
                  font-size: 20px;
                  color: black;
                  margin: -8.5em 8em;
                }
                .icons2 {
                  position: absolute;
                  width: 25px;
                  height: 25px;
                  margin: -17em -2em;
                }
                span {
                  color: black;
                }
                .el-form {
                  position: absolute;
                  width: 20em;
                  height: 30em;
                  margin: -12em 5em;
                  .input-text {
                    width: 21em;
                    margin: 1.5em 1.5em;
                    color: black;
                    border-bottom: 1px solid #cdcdcd;
                    .icon {
                      position: fixed;
                      margin: 0.5em -1.5em;
                      width: 20px;
                      height: 20px;
                    }
                    input {
                      border: none;
                      outline: none;
                      margin: 0.6em 1em;
                      font-size: 15px;
                    }
                  }
                }
                .btn {
                  display: inline-block;
                  position: absolute;
                  width: 265px;
                  margin-top: 1.6em;
                  margin-left: -12.5em;
                  background-color: rgb(51, 162, 255);
                  border: none;
                  height: 40px;
                  color: white;
                  font-weight: bold;
                  font-size: 18px;
                }
              }
            }
          }
          .register-container {
            img {
              width: 70em;
              height: 39em;
            }
            .title {
              position: relative;
              width: 240px;
              height: 45px;
              margin: -36.5em auto;
              .top {
                margin: -15em;
                h1 {
                  float: left;
                  font-size: 40px;
                  color: rgb(51, 162, 255);
                  font-family: "华文行楷", serif;
                }
                .img1 {
                  float: left;
                  width: 50px;
                  height: 50px;
                }
              }
            }
            .register {
              position: relative;
              height: 200px;
              margin: 25em auto;
              .form {
                margin-left: 33em;
                h2 {
                  width: 200px;
                  font-family: "楷体", serif;
                  font-size: 20px;
                  color: black;
                  margin-left: 5em;
                }
                .icons1 {
                  width: 25px;
                  height: 25px;
                  margin: 5em 0;
                }
                span {
                  color: black;
                }
                .el-form {
                  position: absolute;
                  width: 20em;
                  height: 30em;
                  margin: -1.5em 9em;
                  .input-text {
                    width: 21em;
                    margin: 1.5em;
                    color: black;
                    border-bottom: 1px solid #cdcdcd;
                    .icon {
                      position: fixed;
                      margin: 0.5em -1.5em;
                      width: 20px;
                      height: 20px;
                    }
                    input {
                      border: none;
                      outline: none;
                      margin: 0.6em 1em;
                      font-size: 15px;
                    }
                    .b {
                      position: absolute;
                      display: inline-block;
                      width: 85px;
                      height: 38px;
                      margin: 0 -7em;
                      background-color: rgb(51, 162, 255);
                      border: none;
                      color: white;
                    }
                  }
                }
                .btn {
                  display: inline-block;
                  width: 255px;
                  margin: 0.5em 0 0 1em;
                  background-color: rgb(51, 162, 255);
                  border: none;
                  height: 40px;
                  color: white;
                  font-weight: bold;
                  font-size: 18px;
                }
              }
            }
          }
        }
      }
      .my {
        position: relative;
        &::after {
          display: none;
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top: none;
          border-bottom-color: #36393f;
          bottom: 3.4em;
          left: 5em;
        }
        .img1 {
          img {
            width: 35px;
            height: 35px;
            margin: -8em 1.5em;
            border-radius: 50%;
            position: absolute;
          }
        }
        .image {
          position: absolute;
          overflow: hidden;
          margin: 0.6em -7em;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          transition: height 0.3s;
          width: 300px;
          height: 0;
          top: -4em;
          background-color: #36393f;
          border-radius: 15px;
          color: white;
          img {
            position: absolute;
            width: 70px;
            height: 70px;
            margin: 3em -22em;
            border-radius: 50%;
          }
          h1 {
            font-size: 18px;
            margin-top: 2.4em;
            margin-right: 4.3em;
          }
          h2 {
            margin-top: 1em;
            margin-right: 4.5em;
          }
          ul {
            padding: 0 3em;
            margin: 1.5em 0;
            .icon5 {
              margin: 0.2em -1em;
            }
            span {
              font-size: 16px;
              margin: 0.5em 2em;
            }
            .el-switch {
              position: relative;
              top: -1em;
              margin: 0 11em;
            }
          }
        }
        &:hover .image,
        &:hover::after {
          display: block;
          z-index: 9999;
          height: 330px;
        }
      }

      .show {
        z-index: 99999;
      }
    }
  }

  .el-main {
    text-align: center;
    line-height: 160px;
  }
}
</style>